.process-designer-set-variable-drawer {
    .ant-drawer-header {
        padding: 0 15px;
        height: 40px;
        line-height: 40px;
    }

    .process-designer-set-variable-drawer-buttons {
        margin-bottom: 10px;

        .ant-btn:nth-child(1) {
            margin-right: 20px;
        }
    }

    .process-designer-set-variable-drawer-table-wrapper {
        height: calc(100% - 104px);

        .process-designer-set-variable-drawer-table {
            height: calc(100% - 42px);
            overflow-y: auto;

            .ant-table-empty {
                .ant-table-container {
                    border-left: 1px solid rgba(0, 0, 0, .06);

                    .ant-table-body {
                        overflow-y: unset !important;
                        border: none;

                        .ant-table-placeholder {
                            .ant-table-cell {
                                border: none;

                                .ant-empty.ant-empty-normal {
                                    margin-top: 100px;
                                }
                            }
                        }
                    }
                }
            }

            // 可编辑表格单元格
            .process-designer-set-variable-drawer-table-row {
                height: calc(100% - 42px);

                >td {
                    height: 32px;
                    padding: 5px 8px !important;

                    .ant-form-item-explain-error {
                        white-space: normal
                    }
                }

                .editable-cell-value-wrap {
                    height: 32px;
                    padding: 0 5px;
                    overflow: hidden;
                    line-height: 32px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    border: 1px solid transparent;
                    border-radius: 2px;

                    &:hover {
                        border-color: #eee;
                    }
                }
            }

            .ant-form-item-control-input {
                min-height: unset;
            }
        }
    }

    .process-designer-set-variable-drawer-footer {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        border-top: 1px solid #eee;
        padding: 0 15px;
        background: white;

        &>div {
            .ant-btn:nth-child(2) {
                margin-left: 20px;
            }
        }
    }
}

.process-designer-version-management-wapper {
    .process-designer-version-management {
        height: 100%;

        .ant-drawer-header {
            padding: 0 15px;
            height: 40px;
            line-height: 40px;
        }

        .process-designer-version-management-table {
            height: calc(100% - 62px);

            .ant-table-empty {
                .ant-table-container {
                    border-left: 1px solid rgba(0, 0, 0, .06);

                    .ant-table-body {
                        overflow-y: unset !important;
                        border: none;

                        .ant-table-placeholder {
                            .ant-table-cell {
                                border: none;

                                .ant-empty.ant-empty-normal {
                                    margin-top: 125px;
                                }
                            }
                        }
                    }
                }
            }

            .ant-table-wrapper {
                height: calc(100% - 42px);

                .ant-spin-nested-loading {
                    height: 100%;

                    .ant-spin-container {
                        height: 100%;

                        .ant-table {
                            max-height: 100%;
                            overflow-y: auto;
                        }
                    }
                }
            }
        }

        .process-designer-version-management-footer {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 62px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            border-top: 1px solid #eee;
            padding: 0 15px;
            background: white;

            &>div {
                .ant-btn:nth-child(2) {
                    margin-left: 20px;
                }
            }
        }
    }
}

.process-designer-keyboard-wapper {
    .process-designer-keyboard-item-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 34px;

        .ant-tag {
            background: white;
            margin-right: 0;
        }

        .anticon {
            margin-left: 6px;
            cursor: pointer;
        }
    }
}